
{extend name="layout"}
{block name="title"}购买套餐{/block}
{block name="body"}
<form class="layui-form-type layui-form mainForm" data-auto="true" data-callback="goPay">
	<div class="view-content">
		<div class="view-box">
			<div class="view-title">
				<span>确定订单</span>
			</div>
			<div class="view-detail">

				<p class="is-title">{$package.title|default=''}</p>
				{if $package.type eq 1}
				<p>服务时间：<span class="is-bold is-black">不限</span> </p>
				<p>服务点数：<span class="is-bold is-black">{$package.point|default='0'}点</span> </p>
				{else/}
				<p>服务时间：<span class="is-bold is-black">{$package.service_time|default='0'}</span> </p>
				<p>服务人数：<span class="is-bold is-black">1~{$package.people|default='0'}人</span> </p>
				{/if}
				<p>服务价格：<span class="is-bold is-red">{$package.price|default=''}</span> </p>

			</div>
		</div>



		<div class="view-box"  style="margin-bottom: 1.733rem">
			<div class="view-title">
				<span>其他说明</span>
			</div>
			<div class="view-detail">				
				{if $package.type eq 1}
				<!-- 新购点数套餐-->

				<p>1. 下单付款后会有市场专员联系沟通具体信息；</p>
				<p>2. 购买后会以邮寄的形式寄送纸质合同；</p>
				<p>3. 纸质合同确认后才能进行正常增减员或办理其他服务。</p>
				{else/}
				<!--新购人数套餐-->

				<p>1. 下单付款后会有市场专员联系沟通具体信息；</p>
				<p>2. 购买后会以邮寄的形式寄送纸质合同；</p>
				<p>3. 纸质合同确认后才能进行正常增减员或办理其他服务</p>
				<p>4. 本产品为不提供账单版服务。</p>
				{/if}
			</div>


		</div>


	</div>

	<div class="submit-box" >
		<input type="hidden" name="id"  value="{$package.id|default='0'}" />
		<button class="btn-submit" >生成订单</button>

	</div>
</form>

{/block}

{block name="script"}
<script>
	function goPay(res) {

		if (res.code == 1) {
			layer.msg(res.info, {
				icon: 1,
				shade: this.shade,
				offset: '1.067rem',
				scrollbar: false,
				end: function (){

					window.location.href="{:url('mobile/order/payment')}?id=" + res.data.id
				},
				time: 2000,
				shadeClose: true
			});

		} else {
			$.msg.error(res.info)
		}
		return false
	}

</script>
{/block}


{block name="style"}
<style>

	.main .view-content .view-box .view-detail p.is-title{
		color: #333333;
		font-weight: bold;
		font-size: 0.4rem;
	}
	.is-red{
		color: #FF5656;
		font-weight: bold;

	}
	.is-black{
		color: #333333;

	}
	.is-bold{
		font-weight: bold;
		/*font-size: 16px;*/
	}
	.submit-box{
		position: fixed;
		bottom: 0;
		width: 10rem;
		height: 1.467rem;
		background: #FFFFFF;
		box-shadow: 0rem -0.013rem 0.173rem 0rem rgba(162, 162, 162, 0.33);
	}
	.btn-submit{
		display: block;
		width: 7.467rem;
		line-height: 1.147rem;
		background: #43C6D6;
		border-radius: 0.573rem;
		margin: 0.16rem auto;
		border: none;
		font-size: 0.4rem;
		color: #FFFFFF;
	}

</style>

{/block}


